<template>
  <div class="city-header">
    城市选择
    <router-link to="/">
    <div class="iconfont back-icon">&#xe65b;</div>
    </router-link>
  </div>
</template>
<script>
export default {
  name: "cityheader"
};
</script>
<style lang="stylus" scoped>
@import '~@/assets/common/commonstyl/common.styl';

.city-header {
  position: relative;
  height: $headerHeight;
  line-height: $headerHeight;
  color: #fff;
  text-align: center;
  background-color: $bgColor;

  .back-icon {
    position: absolute;
    top:0;
    left :0;
    width: 64px;
    text-align: center;
    font-size: 30px;
    color :#fff;
  }
}
</style>